<div id="MyPanel">
        <span class="title">个人中心</span>
    <div class="mpanel header">
        <div class="header-data">
            <img src="../../../images/header.jpg" data-preview-src data-preview-group="1" />
            <div class="acc">
                <h3>放牛沟</h3>
                <p>会员ID：897541333</p>
            </div>
            
        </div>
        <div class="header-menu">
            <ul>
                <li><i class="fa fa-heart"></i>收藏</li>
                <li><i class="fa fa-paw"></i>足迹</li>
                <li><i class="fa fa-credit-card"></i>优惠券</li>
            </ul>
        </div>
        <span id="account-gear" class="mui-icon mui-icon-gear"></span>
    </div>
    <div class="mpanel myorder">
        <div class="headtitle">
            <span>我的订单</span>
            <a href="">查看全部订单<i class="fa fa-angle-right"></i></a>
        </div>
        <div class="orderMeun">
            <ul>
                <li><img src="../../images/payment.png" /><br>待付款</li>
                <li><img src="../../images/deliver.png" /><br>待发货</li>
                <li><img src="../../images/receiving.png" /><br>待收货</li>
                <li><img src="../../images/retreat.png" /><br>退换货</li>
            </ul>
        </div>
    </div>
    <div class="mpanel othermeun">
        <ul>
            <li><span class="mui-icon mui-icon-location"></span>地址管理<i class="fa fa-angle-right"></i></li>
            <li><span class="mui-icon-extra mui-icon-extra-express"></span>我的快递<i class="fa fa-angle-right"></i></li>
            <li><span class="mui-icon mui-icon-chatbubble"></span>帮助问答<i class="fa fa-angle-right"></i></li>
            <li><span class="mui-icon-extra mui-icon-extra-custom"></span>客服热线<i class="fa fa-angle-right"></i></li>
        </ul>
    </div>
</div>